<template>
	<div class="page-content" style="background-color: ;">
		<div class="page-title">
			<!-- <span style="margin-left: 100px;">请仔细检查您的身份信息</span> -->
			<div style="float: right;">
				<!-- <Timer></Timer> -->
			</div>
		</div>
		<div class="mask"></div>
		<div class="dialog-border" >	
			<div >
				<div class="dialog-title">请仔细检查您的身份信息
					<div class="dialog-timer" >
						<Timer seconds="30" url="/check/input/archive-code" title="检查身份信息"></Timer>
					</div>
				</div>
				<div style="height:360px; background-color: #fff;">
					
					<div style="display: flex; padding-top:40px;">
						<div style="flex:3;">
							<div class="row">
								<label class="label">姓名</label>
								<span class="value">{{idcard.Name}}</span>
							</div>
							<div class="row">
								<label class="label">性别</label>
								<span class="value">{{idcard.Sex}}</span>
							</div>
							<div class="row">
								<label class="label">出生</label>
								<span class="value">{{idcard.year}}</span>
								<label class="label" style="width: 50px;">年</label>
								<span class="value">{{idcard.month}}</span>
								<label class="label" style="width: 50px;">月</label>
								<span class="value">{{idcard.day}}</span>
								<label class="label" style="width: 50px;">日</label> 
							</div>
						</div>
						<div style="flex:1;">
							<img style="width:160px; height:210px;" :src="idcard.ImageFile"/>
						</div>
					</div>
					<div class="row">
						<label class="label" >公民身份证号码</label>
						<span class="value">{{idcard.IdCode}}</span>
					</div>
				</div>	 
				
			</div>
			
			<div  class="dialog-footer footer">
				<a  style="" class="button box-center" @click="clickConfirm">确 定</a>
			</div>
			 
		</div>
		
	</div>
</template>

<script>
	export default {
		data() {
			return {
				url:this.$route.path,
				dialogVisible: true, 
				idcard:{Name:'',Sex:'', Birthday:'', IdCode:'', year:'',month:'',day:'',ImageFile:''},
			}
		},
		
		created(){
			const json = sessionStorage.getItem('idcard');
			if(json == null){
				this.idcard = {Name:'',Sex:'', Birthday:'20000120', IdCode:'', year:'',month:'',day:'',ImageFile:'file:///D:/项目/体检机/UI设计/操作屏/02信息录入01.jpg'}
			} else {
				this.idcard = JSON.parse(json);
			}
			this.idcard.year = this.idcard.Birthday.substr(0,4)
			this.idcard.month = this.idcard.Birthday.substr(4,2)
			this.idcard.day = this.idcard.Birthday.substr(6,2) 
		},
		
		methods:{
			clickConfirm(){
				//this.send({name:'UserAction', remark:'群众确认身份信息', route:'/home'});
				this.sendLog('群众确认身份信息')
				this.$router.push('/check/input/archive-code');
			}
		}
	}
</script>

<style scoped="scoped">
	.dialog-border{
		width: 800px;height:550px;  
		border:solid 2px #ddd; border-radius: 20px;background-color: #e7eef4;
		overflow: hidden;
		z-index: 110;
		position: fixed;
		left:50%;
		margin-left:-400px;
		font-size: 28px;
	}
	.row{
		height:64px;
		text-align: left;
		padding-left:80px;
	}
	.label{
		font-size:28px;
		color:#1268f9; 	
		text-align: right;
		display: inline-block;
		padding-right: 15px;
	}
	
	.value{
		font-size: 28px;
		color: #444;
		display: inline-block; 
	} 
	.button{ 
		height: 70px;
		margin: 10px;
		width: 150px;
		border-radius: 20px;
		background-color: #1268F9;
		color: #fff;
	}
</style>
